<template>
    <div id="valor">
        <span class='shdow'><i class="fa fa-envelope-o" aria-hidden="true"></i>valor1990@yeah.net</span>
        <span class='shdow'><i class="fa fa-github" aria-hidden="true"></i><a href="https://github.com/sdta25196" target="_blank">github主页</a></span>
        <span class='shdow'>热爱Web</span>
        <span class='shdow'>热爱JavaScript</span>
    </div>
</template>
<script>
export default {
}
</script>
<style scoped>
#valor {
    text-align: left;
    padding-left: 1rem;
}
span {
    display: block;
    font-size: 1.3rem;
    margin: 1rem 0;
    color: #666;
}
a {
    color: #666;
}
.shdow:hover{
  color: #7b5d5f;
  text-shadow: 1px 1px 10px red;
}
</style>
